<html>
<head>
<title>TabWindow example</title>
<link rel="stylesheet" type="text/css" href="default.css" />
<script type="text/javascript" src="../src/main/js/loader.js"></script>
<script type="text/javascript">

	load('core.ui.TabWindow');

	function init() {

		var tabs = new core.ui.TabWindow();
		
		for (var i = 0; i < 5; i++) {
			var pane = new core.ui.Window(tabs.getContentPane());
			pane.setText('Pane #' + (i + 1) + ' content goes here...');
			tabs.addPane(pane, 'Pane #' + (i + 1));
		}
		
		tabs.center();
		tabs.show();
	}
	
</script>

<style type="text/css">

.TabContentPane .Window {
	width: 378px;
	height: 354px;
	background-color: #ffffff;
	border: 2px inset Window;
	padding: 5px;
}

</style>

</head>

<body onload="init()" />
</html>